@media screen and (min-width:320px) {
    .content{
        width: 92%;
        margin:0 auto;
    }
    .news-tabs{
        position: relative;
        margin:50px auto 20px;
        display: flex;
        justify-content: center;
    }
    .news-tab{
        font-size: 12px;
        cursor: pointer;
        position: relative;
        margin:0 30px;
    }
    .news-tab.cur{
        font-weight: bold;
    }
    .news-tab.cur::after{
        content:"";
        width:50px;
        height: 1px;
        position: absolute;
        bottom:-5px;
        background: #40c29e;
        left: 50%;
        transform: translateX(-50%);
    }
    .news-container{
        position: relative;
        overflow: hidden;
        /* margin:0 3%;
        width:100%; */
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .news-list{
        width: 40%;
        border-top:1px solid #ccc;
        padding-bottom: 30px;
        margin:0 10px;
        overflow: hidden;
    }
    .news-list .news-index{
        color:#f4f4f4;
        font-size: 50px;
    }
    .news-title{
        font-size: 12px;
        color:#333333;
    }
    .news-date{
        font-size: 12px;
        color:#333;
        margin:5px 0;
    }
    .news-desc{
        font-size: 12px;
        color:#666;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .news-img img{
        width: 100%;
    }
}

@media screen and (min-width:992px) {
    .content{
        width: 92%;
        margin:0 auto;
    }
    .news-tabs{
        position: relative;
        margin:60px auto 30px;
        display: flex;
        justify-content: center;
    }
    .news-tab{
        font-size: 14px;
       
        position: relative;
        margin:0 40px;
        cursor: pointer;
    }
    .news-tab.cur{
        font-weight: bold;
    }
    .news-tab.cur::after{
        content:"";
        width: 60px;
        height: 1px;
        position: absolute;
        bottom:-10px;
        background: #40c29e;
        left: 50%;
        transform: translateX(-50%);
    }
    .news-container{
        position: relative;
        overflow: hidden;
        /* margin:0 3%;
        width:100%; */
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .news-list{
        flex: 1 1 40%;
        border-top:1px solid #ccc;
        padding-bottom: 20px;
        margin:10px 10px;
        overflow: hidden;
    }

    .news-list .news-index{
        color:#f4f4f4;
        font-size: 60px;
    }
    .news-title{
        font-size:14px;
        color:#333333;
    }
    .news-date{
        font-size: 14px;
        color:#333;
        margin:10px 0;
    }
    .news-desc{
        font-size: 12px;
        color:#666;
        line-height: 30px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width:1200px) {
    .content{
        width: 92%;
        margin:0 auto;
    }
    .news-tabs{
        position: relative;
        margin:100px auto 40px;
        display: flex;
        justify-content: center;
    }
    .news-tab{
        font-size: 18px;
        cursor: pointer;
        position: relative;
        margin:0 60px;
    }
    .news-tab.cur{
        font-weight: bold;
    }
    .news-tab.cur::after{
        content:"";
        width: 100px;
        height: 2px;
        position: absolute;
        bottom:-20px;
        background: #40c29e;
        left: 50%;
        transform: translateX(-50%);
    }
    .news-container{
        position: relative;
        overflow: hidden;
        /* margin:0 3%;
        width:100%; */
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .news-list{
        width: 40%;
        border-top:1px solid #ccc;
        padding-bottom: 30px;
        margin:0 20px;
        overflow: hidden;
    }
    .news-list .news-index{
        color:#f4f4f4;
        font-size: 100px;
    }
    .news-title{
        font-size: 18px;
        color:#333333;
    }
    .news-date{
        font-size: 18px;
        color:#333;
        margin:15px 0;
    }
    .news-desc{
        font-size: 14px;
        color:#666;
        line-height: 38px;
        margin-bottom: 30px;
    }
    .news-img img{
        width: 100%;
    }
}


.footer{
    position: relative;
}